@import "util";
@import "../common/rem.less";
#KeyResultDetail{
    .main{
        background-color: white;
    }
    .key-result-detail{
        .px2px(font-size, 28);
        background-color: white;
        .key-result-content{
            .px2rem(padding-top,30);
            .px2rem(padding-bottom,30);
            .px2rem(padding-right,30);
            .px2rem(margin-left,30);
            background-color: white;
            border-bottom: 1px solid #e1e1e2;
        }
        .key-result-progress{
            .px2rem(padding-top,30);
            .px2rem(padding-bottom,30);
            .px2rem(padding-right,30);
            .px2rem(margin-left,30);
            border-bottom: 1px solid #e1e1e2;
            background-color: white;
            .progress-label{
                .px2rem(margin-right,18);
                color: #8899A6;
            }
            .progress-percent{
                color: #FA6771;
            }
        }
        .operation-group{
            .px2rem(height,100);
            .px2rem(line-height,100);
            width: 100%;
            position: absolute;
            border-top: 1px solid #D5DADF;
            bottom: 0;
            .px2px(font-size,32);
            .edit-operation{
                text-align: center;
                display: inline-block;
                float: left;
                width:50%;
                color: #FA6771;
            }
            .edit-operation:after{
                content: "";
                border-left: 1px solid #E2E8ED;
                position: relative;
                left: 42%;
            }
            .delete-operation{
                text-align: center;
                display: inline-block;
                width:50%;
                color: #8899A6;
            }
        }
    }
}
